﻿<SettingsFlyout
    x:Class="XamlWatch.Views.Purchase"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:XamlWatch.Views"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    IconSource="Assets/SmallLogo.png" 
    Title="Purchase" BackClick="SettingsFlyout_BackClick"
    Width="646" Height="943">

    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >

        <Grid Width="565">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition Width="200" />
            </Grid.ColumnDefinitions>
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <StackPanel Margin="25,0,0,0">
                    <TextBlock Style="{StaticResource BaseTextBlockStyle}" FontFamily="segoe UI mono" Text="$120.00 XAML Signature Watch" />
                    <TextBlock Style="{StaticResource BaseTextBlockStyle}" FontFamily="segoe UI mono" Text="$ 50.00 Customization" />
                    <TextBlock Style="{StaticResource BaseTextBlockStyle}" FontFamily="segoe UI mono" Text="$ 30.00 Shipping" />
                    <TextBlock Style="{StaticResource BaseTextBlockStyle}" FontFamily="segoe UI mono" Text="-------" />
                    <TextBlock Style="{StaticResource BaseTextBlockStyle}" FontFamily="segoe UI mono" Text="$210.00 TOTAL" />
                </StackPanel>

                <TextBlock Margin="0,25,0,0" Style="{StaticResource TitleTextBlockStyle}" Text="Payment Information" />
                <TextBox Text="{Binding NameOnCard, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,25,25,0" Header="Name on Card" />
                <TextBox Text="{Binding CardNumber, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,0,25,0" Header="Credit Card Number" />
                <DatePicker Date="{Binding ExpirationDate, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Header="Expiration Date" DayVisible="False"  />

                <TextBlock Margin="0,25,0,0" Style="{StaticResource TitleTextBlockStyle}" Text="Shipping Information" />
                <TextBox Text="{Binding Street, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,25,25,0" Header="Street" />
                <StackPanel Orientation="Horizontal">
                    <TextBox Text="{Binding City, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,0,25,0" Header="City" Width="161" />
                    <TextBox Text="{Binding State, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,0,25,0" Header="State" />
                    <TextBox Text="{Binding Zip, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="0,0,25,0" Header="Zip Code" />
                </StackPanel>
            </StackPanel>
            <StackPanel VerticalAlignment="Top" Grid.Column="1">
                <Image Height="300" Width="200" Source="{Binding Bitmap}" />
                <Button Margin="0,20,0,0" Click="Button_Click" Command="{Binding PurchaseCommand}" Content="Buy!" HorizontalAlignment="Center" Width="185" Height="75">
                    <Button.Transitions>
                        <TransitionCollection>
                            <EntranceThemeTransition FromHorizontalOffset="0" FromVerticalOffset="100"/>
                        </TransitionCollection>
                    </Button.Transitions>
                </Button>
            </StackPanel>
        </Grid>

    </StackPanel>
</SettingsFlyout>
